<template>
    <div class="about-us">
        <van-nav-bar title="常见问题" left-arrow @click-left="goBack"/>
        <van-tabs v-model="active">
            <van-tab title="登录注册">
                <div class="content">
                    <Collapse accordion>
                        <p style="text-align:left">史蒂夫·乔布斯</p>
                        <p style="text-align:left">史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p>
                        <p style="text-align:left">斯蒂夫·盖瑞·沃兹尼亚克</p>
                        <p style="text-align:left">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
                        <p style="text-align:left">乔纳森·伊夫</p>
                        <p style="text-align:left">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
                    </Collapse>
                </div>
            </van-tab>

            <van-tab title="充值提币">
                <div class="content">
                    充值提币
                </div>
            </van-tab>

            <van-tab title="账户安全">
                <div class="content">
                    账户安全
                </div>
            </van-tab>

            <van-tab title="购买投资">
                <div class="content">
                    购买投资
                </div>
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import {
    NavBar,
    Tab,
    Tabs,
    Icon,
    Cell,
} from "vant";
export default {
    components: {
        [NavBar.name]: NavBar,
        [Tab.name]: Tab,
        [Tabs.name]: Tabs,
        [Icon.name]: Icon,
        [Cell.name]: Cell,
    },
    data() {
        return {
            active: 0,
        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
@import "../../../assets/less/variable.less";
/deep/.van-tab {
    color: @base_textColor;
}
/deep/ .van-tabs__line {
    background-color: #ff976a;
}
/deep/ .van-tab--active {
    color: #ff976a;
}
/deep/ .van-cell__title {
    text-align: left;
}
.about-us {
    background: #fff;
}

</style>